import React from 'react'
import { Section } from 'components/paddingGrid'
import { Header, Table } from 'semantic-ui-react'

export default ({ header, children, red }) => (
  <Section>
    <Header as="h3" dividing color={red ? 'red' : null}>
      {header}
    </Header>
    <Table basic="very" size="large">
      <Table.Body>{children}</Table.Body>
    </Table>
  </Section>
)
